#app, .el-container, body, html{
    height:100%;
    width:100%;
    overflow:hidden;
}
.page{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.page_header{
    flex:0 0 auto;
}
.page_body{
    flex:1 1 auto;
}
.page_body .el-card__body{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.page_body_table{
    flex: 1 1 auto;
}
.page_body_pagination{
    flex: 0 0 auto;
}

.el-drawer__body{
    height: 100%;
    overflow:auto;
    padding-bottom:54px;
}
.el-drawer__body .el-tabs__content{
    height: 100%;
    overflow: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.el-dialog__wrapper{
    position: absolute;
    width: 100%;
}
.drawer__wrapper{
    width: 1105px;
    left: auto !important;
}
/*.el-dialog__wrapper>div>div,.el-dialog__wrapper>div>div:hover,.el-dialog__wrapper>div>div:focus{*/
/*    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);*/
/*    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);*/
/*}*/

.el-drawer__header{
    margin-bottom: 15px !important;
}

::-webkit-scrollbar {
    width: 6px;
    height: 12px;
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
     border-radius:8px;
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .3);
    background-color: rgba(0, 0, 0, .1)
}